<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>注册</title>
    <link rel="stylesheet" href="../../libs/node_modules/bootstrap/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="../../style/common.css">
    <link rel="stylesheet" href="../../style/home/article.css">
    <link rel="stylesheet" href="../../style/login/register.css">
    <script src="../../libs/jquery-3.2.1.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
    <script src="../../libs/node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
    <script src="../../libs/layer-v3.1.1/layer/layer.js"></script>
    <script src="../../libs/node_modules/echarts/dist/echarts.js"></script>
    <!--<script src="js/system.js"></script>-->
</head>
<body>
<header></header>
<nav></nav>

<main>
    <div class="content">
        <div class="register-box">
            <form action="" class="register-form">
                <div class="register-process">
                    <span class="active">1</span>用户注册
                    <hr style="border:none;border-bottom:1px dashed #FE7600;height:1px;width: 8.94rem">
                    <span>2</span>完善信息
                    <hr style="border:none;border-bottom:1px dashed #BFBFBF;height:1px;width: 8.94rem">
                    <span>√</span>注册成功
                </div>
                <div class="register-input-box">
                    <div class="register-input-item">
                        <div class="register-input-name">
                            <img src="../../static/icons/用户名.png" alt="">
                            用户名
                        </div>
                        <input type="text" placeholder="请设置6~12位，作为登录用户名">
                    </div>
                </div>
                <div class="register-input-box">
                    <div class="register-input-item">
                        <div class="register-input-name">
                            <img src="../../static/icons/密码(1).png" alt="">
                            设置密码
                        </div>
                        <input type="password" placeholder="请设置6~12位">
                    </div>
                </div>
                <div class="register-input-box">
                    <div class="register-input-item">
                        <div class="register-input-name">
                            <img src="../../static/icons/密码(1).png" alt="">
                            确认密码
                        </div>
                        <input type="password" placeholder="请设置6~12位">
                    </div>
                </div>
                <div class="register-input-box">
                    <div class="register-input-item">
                        <div class="register-input-name">
                            <img src="../../static/icons/手机1.png" alt="">
                            手机号
                        </div>
                        <input type="text" placeholder="请输入11位手机号">
                    </div>
                </div>
                <div class="register-input-box">
                    <div class="register-input-item" style="width: 31.75rem">
                        <div class="register-input-name">
                            <img src="../../static/icons/验证码.png" alt="">
                            验证码
                        </div>
                        <input type="text" placeholder="请输入验证码">
                    </div>
                    <a href="" class="verify">获取验证码</a>
                </div>
                <div class="register-input-box" style="padding-top: 1rem">
                    <div class="register-btn" onclick="perfect()">下一步</div>
                </div>

            </form>
        </div>
    </div>
</main>
<footer class="footer">

</footer>
<script>
    (function () {
        $("header").load("../../views/common/header_common.html");
        $("nav").load("../../views/common/nav_inner.html");
        $("footer").load("../../views/common/footer.html");



    })()
    function perfect() {
        window.location.href = 'perfect-info.html'
    }

</script>
</body>
</html>